@charset "utf-8";
@import "commom/reset";
@import "commom/common";
.web {
    main {
        width: 100%;
        overflow-y: scroll;
        position: absolute;
        top: r(159px);
        bottom: r(155px);
        .kv {
            width: 100%;
            a {
                display: block;
                max-height: r(285px);
                overflow: hidden;
                img {
                    width: 100%;
                    display: block;
                }
            }
        }
        .favor {
            width: 100%;
            padding-top: r(34px);
            padding-bottom: r(5px);
            .favor_left{
                vertical-align: middle;
                img {
                    vertical-align: middle;
                    width: r(56px);
                    height: r(54px);
                    margin-left: r(21px);
                }
                span {
                    font-size: r(30px);
                    vertical-align: middle;
                    margin-left: r(8px);
                }
            }
            .favor_right{
                vertical-align: middle;
                img {
                    width: r(25px);
                    height: r(26px);
                    vertical-align: middle;
                    margin-right: r(21px);
                }
                span {
                    font-size: r(24px);
                    vertical-align: middle;
                }
            }
        }
        .favor_list {
            padding:r(12px) r(77px) 0 r(77px);
            li {
                float: left;
                display: inline-block;
                margin-bottom: r(29px);
                a {
                    display: block;
                    width: r(240px);
                    height: r(94px);
                    border: 1px solid #EEEEEE;
                    img {
                        width: r(240px);
                        height: r(94px);
                        display: block;
                    }
                }
                &:nth-child(2n){
                    float: right;
                }
            }
        }
        .like{
            width: 100%;
            padding-bottom: r(5px);
            padding-top: r(6px);
            .like_left{
                vertical-align: middle;
                img {
                    vertical-align: middle;
                    width: r(56px);
                    height: r(54px);
                    margin-left: r(21px);
                }
                span {
                    font-size: r(30px);
                    vertical-align: middle;
                    margin-left: r(8px);
                }
            }
            .like_right{
                vertical-align: middle;
                img {
                    width: r(25px);
                    height: r(26px);
                    vertical-align: middle;
                    margin-right: r(21px);
                }
                span {
                    font-size: r(24px);
                    vertical-align: middle;
                }
            }
        }
        .like_list{
                margin-top: r(30px);
            .like_list_left{
                padding-left: r(21px);
                padding-right: r(21px);
                a{
                    display: block;
                    width: r(210px);
                    height: r(164px);
                    img{
                        display: block;
                        width: 100%;
                    }
                }
            }
            .like_list_right{
                width: r(482px);
                vertical-align: middle;
                .name{
                    span{
                        float: left;
                        font-size: r(30px);
                    }
                    em{
                        float: right;
                        font-size: r(22px);
                        color: #494949;
                        vertical-align: middle;
                    }
                }
                .card{
                    font-size: r(22px);
                    color: #494949;
                    padding-top: r(20px);
                    padding-bottom: r(23px);
                }
                .price{
                    span{
                        font-size: r(32px);
                        color: #ff9344;
                    }
                    em{
                        font-size: r(22px);
                        color: #494949;
                        float: right;
                        vertical-align: middle;
                    }
                }
            }
        }
    }
}